Additional design considerations 更多設計細節考量

超連結 Hyperlinked Text

用來跳轉頁面的文字或圖片超連結通常是藍色帶下劃線的文字,點選後會跳轉到其他頁面。它能幫助使用者在網站或應用中輕鬆跳轉。

使用超連結的建議:

  1. 不要用太多 :超連結太多會讓頁面看起來很亂,使用者不知道該點哪裡。要適量使用。
  1. 符合使用者習慣:大多數使用者認為藍色帶下劃線的文字可以點選。如果這樣的文字不能點,會讓人困惑。
  1. 連結不一定是藍色文字:有些連結是圖片,比如網站的Logo通常可以點選回到首頁,雖然沒有下劃線。
  1. 連結文字要說清楚:不要寫"點選這裡",要寫清楚連結的內容,比如"檢視預訂資訊",讓使用者知道點了會去哪裡。

按鈕 Buttons

用來執行操作的元素按鈕是使用者點選後會觸發某個動作的元素,比如"儲存"、"取消"等。

設計按鈕的建議:

1 讓按鈕一眼就能認出來:按鈕要透過形狀、顏色、大小讓人一看就知道能點選。常見的樣式有:

不要用奇怪的形狀(比如星形),使用者可能認不出這是按鈕。

2 樣式要統一:選好一種按鈕樣式後,在整個產品中都用同一種,這樣使用者容易識別。

3 按鈕周圍要留空:每個按鈕周圍要有足夠的空白,不要擠在一起,避免使用者點錯。

輸入框 Inputs

讓使用者填寫資訊的地方輸入框是使用者輸入文字的區域,比如填寫郵箱、電話等。好的輸入框設計能減少填錯。

設計輸入框的建議:

1 給出填寫提示:要告訴使用者該怎麼填,可以用:提示文字:比如"月/日/年",在輸入框裡用淺色顯示,使用者開始輸入後就消失。

2 把相關內容分組:如果輸入框超過6個,要按內容分組,比如:

個人資訊:姓名、出生日期、性別

聯絡方式:郵箱、電話、地址

分組讓表單更清楚,使用者也知道自己填到哪裡了。